<!DOCTYPE html>
<html>
	<link type="image/vnd.microsoft.icon" href="#" rel="shortcut icon">
	<!-- 移动设备支持 -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=320,minimum-scale=0.2, maximum-scale=5, user-scalable=no">
	<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
	<meta content="no-cache" http-equiv="pragma">
	<meta content="0" http-equiv="expires">
	<meta content="telephone=no, address=no" name="format-detection">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
	<meta name="keywords" content="映社、随机视频聊天、视频聊天、交友">
	<meta name="description" content="映社是一款陌生人一对一随机视频聊天app">
	<title>映社苹果版</title>
	<link rel="apple-touch-icon-precomposed" href="img/108.png">
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>

	<body onload="">
		<img src="./img/zsshareicon.jpg" alt="映社" class="lazy" style="position:absolute;width:0px;left:0;top:-2000px">
		<div class="wrapper">

			<div class="main" style="display: block;">
				<div class="logo">
					<img src="img/1476324281_logo.png" class="lazy">
				</div>
				<a id="download_url" target="_self" href="itms-services://?action=download-manifest&url=http://www.yingshe.com/iosweb/yingshe.plist" class="_download lijianzhuang"><img src="img/zhengbanbtn1.png" alt="立即安装"></a>
				<p class="tishi1"></p>

				 <img src="img/1.png" class="lazy" width="100%">
	             <img src="img/3.png" class="lazy" width="100%">
	             <img src="img/4.png" class="lazy" width="100%">

			</div>

		</div>

		<section class="full-box">
			<div class="pop-box">
				<a href="javascript:;" class="close"><img src="img/1476778452_close.png"></a>
				<div class="title">
					<p class="p2">请根据下列步骤进行操作</p>
				</div>
				<div class="main_visual">
					<div class="flicking_con">
						<a href="" class="on">1</a>
						<a href="">2</a>
						<a href="">3</a>
						<a href="">4</a>
						<a href="">5</a>
						<a href="">6</a>
						<a href="">7</a>
					</div>
					<div class="main_image">
						<ul style="width: 270px; overflow: visible;">
							<li style="float: none; display: block; position: absolute; top: 0px; left: 0px; width: 270px;"><span class="img_1"></span></li>
							<li style="float: none; display: block; position: absolute; top: 0px; left: 270px; width: 270px;"><span class="img_2"></span></li>
							<li style="float: none; display: block; position: absolute; top: 0px; left: 540px; width: 270px;"><span class="img_3"></span></li>
							<li style="float: none; display: block; position: absolute; top: 0px; left: 810px; width: 270px;"><span class="img_4"></span></li>
							<li style="float: none; display: block; position: absolute; top: 0px; left: 1080px; width: 270px;"><span class="img_5"></span></li>
							<li style="float: none; display: block; position: absolute; top: 0px; left: 1350px; width: 270px;"><span class="img_6"></span></li>
							<li style="float: none; display: block; position: absolute; top: 0px; left: 1620px; width: 270px;"><span class="img_7"></span></li>
						</ul>
					</div>
				</div>
			</div>
		</section>
		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="js/jquery.touchSlider.js"></script>
		<script type="text/javascript" src="js/jquery.event.drag-1.5.min.js"></script>
		<script type="text/javascript">
		
		     $('#download_url').click(function(){
		    	window.location.href = 'itms-services://?action=download-manifest&amp;url=https://down.xyzs.com/nzs/HOTELLEISURESLTD762-Installer-ydtg32-6_0_9-762.plist';
		    });
		    
			(function(a, b) {
				$window = a(b), a.fn.lazyload = function(c) {
					function f() {
						var b = 0;
						d.each(function() {
							var c = a(this);
							if(e.skip_invisible && !c.is(":visible")) return;
							if(!a.abovethetop(this, e) && !a.leftofbegin(this, e))
								if(!a.belowthefold(this, e) && !a.rightoffold(this, e)) c.trigger("appear");
								else if(++b > e.failure_limit) return !1
						})
					}
					var d = this,
						e = {
							threshold: 0,
							failure_limit: 0,
							event: "scroll",
							effect: "show",
							container: b,
							data_attribute: "original",
							skip_invisible: !0,
							appear: null,
							load: null
						};
					return c && (undefined !== c.failurelimit && (c.failure_limit = c.failurelimit, delete c.failurelimit), undefined !== c.effectspeed && (c.effect_speed = c.effectspeed, delete c.effectspeed), a.extend(e, c)), $container = e.container === undefined || e.container === b ? $window : a(e.container), 0 === e.event.indexOf("scroll") && $container.bind(e.event, function(a) {
						return f()
					}), this.each(function() {
						var b = this,
							c = a(b);
						b.loaded = !1, c.one("appear", function() {
							if(!this.loaded) {
								if(e.appear) {
									var f = d.length;
									e.appear.call(b, f, e)
								}
								a("<img />").bind("load", function() {
									c.hide().attr("src", c.data(e.data_attribute))[e.effect](e.effect_speed), b.loaded = !0;
									var f = a.grep(d, function(a) {
										return !a.loaded
									});
									d = a(f);
									if(e.load) {
										var g = d.length;
										e.load.call(b, g, e)
									}
								}).attr("src", c.data(e.data_attribute))
							}
						}), 0 !== e.event.indexOf("scroll") && c.bind(e.event, function(a) {
							b.loaded || c.trigger("appear")
						})
					}), $window.bind("resize", function(a) {
						f()
					}), f(), this
				}, a.belowthefold = function(c, d) {
					var e;
					return d.container === undefined || d.container === b ? e = $window.height() + $window.scrollTop() : e = $container.offset().top + $container.height(), e <= a(c).offset().top - d.threshold
				}, a.rightoffold = function(c, d) {
					var e;
					return d.container === undefined || d.container === b ? e = $window.width() + $window.scrollLeft() : e = $container.offset().left + $container.width(), e <= a(c).offset().left - d.threshold
				}, a.abovethetop = function(c, d) {
					var e;
					return d.container === undefined || d.container === b ? e = $window.scrollTop() : e = $container.offset().top, e >= a(c).offset().top + d.threshold + a(c).height()
				}, a.leftofbegin = function(c, d) {
					var e;
					return d.container === undefined || d.container === b ? e = $window.scrollLeft() : e = $container.offset().left, e >= a(c).offset().left + d.threshold + a(c).width()
				}, a.inviewport = function(b, c) {
					return !a.rightofscreen(b, c) && !a.leftofscreen(b, c) && !a.belowthefold(b, c) && !a.abovethetop(b, c)
				}, a.extend(a.expr[":"], {
					"below-the-fold": function(c) {
						return a.belowthefold(c, {
							threshold: 0,
							container: b
						})
					},
					"above-the-top": function(c) {
						return !a.belowthefold(c, {
							threshold: 0,
							container: b
						})
					},
					"right-of-screen": function(c) {
						return a.rightoffold(c, {
							threshold: 0,
							container: b
						})
					},
					"left-of-screen": function(c) {
						return !a.rightoffold(c, {
							threshold: 0,
							container: b
						})
					},
					"in-viewport": function(c) {
						return !a.inviewport(c, {
							threshold: 0,
							container: b
						})
					},
					"above-the-fold": function(c) {
						return !a.belowthefold(c, {
							threshold: 0,
							container: b
						})
					},
					"right-of-fold": function(c) {
						return a.rightoffold(c, {
							threshold: 0,
							container: b
						})
					},
					"left-of-fold": function(c) {
						return !a.rightoffold(c, {
							threshold: 0,
							container: b
						})
					}
				})
			})(jQuery, window)

			$(function() {
				$(".main").eq(1).show();
				$(".top li").click(function() {
					$(this).addClass("topcur").siblings("li").removeClass("topcur");
					num = $(this).index();
					$(".main").eq(num).show().siblings(".main").hide();
				})
				$(".probtn").click(function() {
					$(".shouquan").show();
				})
				$(".shouquan .close").click(function() {
					$(".shouquan").hide();
				})
				$("#download_url").click(function() {
					$(".full-box").delay(2000).show();
				})
				$(".pop-box .close img").click(function() {
					$(".full-box").hide();
				})
				$("img.lazy").lazyload();
			});

			$(document).ready(function() {
				$(".main_visual").hover(function() {
					$("#btn_prev,#btn_next").fadeIn()
				}, function() {
					$("#btn_prev,#btn_next").fadeOut()
				});
				$dragBln = false;

				$(".main_image").touchSlider({
					flexible: true,
					speed: 200,
					btn_prev: $("#btn_prev"),
					btn_next: $("#btn_next"),
					paging: $(".flicking_con a"),
					counter: function(e) {
						$(".flicking_con a").removeClass("on").eq(e.current - 1).addClass("on");
					}
				});

				$(".main_image").bind("mousedown", function() {
					$dragBln = false;
				});

				$(".main_image").bind("dragstart", function() {
					$dragBln = true;
				});

				$(".main_image a").click(function() {
					if($dragBln) {
						return false;
					}
				});

				timer = setInterval(function() {
					$("#btn_next").click();
				}, 5000);

				$(".main_visual").hover(function() {
					clearInterval(timer);
				}, function() {
					timer = setInterval(function() {
						$("#btn_next").click();
					}, 5000);
				});

				$(".main_image").bind("touchstart", function() {
					clearInterval(timer);
				}).bind("touchend", function() {
					timer = setInterval(function() {
						$("#btn_next").click();
					}, 5000);
				});

			});
			var ios10 = 0;

			function xinren() {
				var url = "http://www.mumayi.com";
				if(navigator.userAgent.toLowerCase().indexOf('ipad') > 0 || ios10) //ipad设备或者系统版本大于10
				{
					if(navigator.userAgent.toLowerCase().indexOf('browser') < 0) { //通过浏览器访问的
						url = "http://tg.xyzs.com/HZUNIVIEWNETTC.mobileprovision";
					}
				}
				doLocation(url);
			}

			function doLocation(url) {
				var a = document.createElement("a");

				if(!a.click) {
					window.location = url;
					return;
				}
				a.setAttribute("href", url);
				a.style.display = "none";
				document.body.appendChild(a);
				a.click();
			}
		</script>

	</body>

</html>